


<title>基础服务安装</title>
{{template "install/header.html" .}}
<link rel="stylesheet" href="/static/css/baseService.css" />
<div class="steps-content" style="font-size:16px;left: 20;
        right: 20;
        padding: 0;
        text-align: left;
        margin: 0;
        top: 258px;
        bottom: 44px;
        margin-top:20px;
        margin-bottom:120px;
">
    <div class="main" >
        <div class="text-box" id="text-box">
            <div class="license">
                <style>
                    .Install{
                        display: none;
                    }

                    .Fnish{
                        display: none;
                    }
                </style>
                <h3 style=" text-align: center;margin-top: 20px;">服务安装<h3>
                        <div id="grid" class="noInstall">

                        </div>


                        <div style="display:none;"  class="Install noFnish"><div style="display: none;"  class="Install noFnish"><div style="display: none;"  class="ant-row Install noFnish"><div class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"><div id="uniappadmin" class="center"><div><div class="circle"><div strokecolor="[object Object]" class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"><div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg class="ant-progress-circle " viewBox="0 0 100 100"><path class="ant-progress-circle-trail" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s;"></path><path class="ant-progress-circle-path" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;"></path></svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div></div></div><div><h4>后台管理</h4></div><div strokecolor="[object Object]" class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"><div><div class="ant-progress-outer"><div class="ant-progress-inner"><div class="ant-progress-bg" style="width: 100%; height: 8px;"></div></div></div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div></div></div></div></div><div class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"><div id="configuration" class="center"><div><div class="circle"><div strokecolor="[object Object]" class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"><div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg class="ant-progress-circle " viewBox="0 0 100 100"><path class="ant-progress-circle-trail" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s;"></path><path class="ant-progress-circle-path" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#108ee9" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 261.644px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;"></path></svg><span class="ant-progress-text">88.6%</span></div></div></div><div><h4>基础服务</h4></div><div strokecolor="[object Object]" class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"><div><div class="ant-progress-outer"><div class="ant-progress-inner"><div class="ant-progress-bg" style="width: 88.6%; height: 8px;"></div></div></div><span class="ant-progress-text">88.6%</span></div></div></div></div></div></div></div></div>

                        <div style="display:none;"  class="Fnish"><div style="display: none;"  class="Fnish"><div style="display: none;"  class="ant-row Fnish"><div class="ant-col-xs-5 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"><div id="uniappadmin" class="center"><div><div class="circle"><div strokecolor="[object Object]" class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"><div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg class="ant-progress-circle " viewBox="0 0 100 100"><path class="ant-progress-circle-trail" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s;"></path><path class="ant-progress-circle-path" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;"></path></svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div></div></div><div><h4>后台管理</h4></div><div strokecolor="[object Object]" class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"><div><div class="ant-progress-outer"><div class="ant-progress-inner"><div class="ant-progress-bg" style="width: 100%; height: 8px;"></div></div></div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div></div></div></div></div><div class="ant-col-xs-11 ant-col-xs-offset-1 ant-col-lg-6 ant-col-lg-offset-2"><div id="configuration" class="center"><div><div class="circle"><div strokecolor="[object Object]" class="ant-progress ant-progress-circle ant-progress-status-success ant-progress-show-info ant-progress-default"><div class="ant-progress-inner" style="width: 120px; height: 120px; font-size: 24px;"><svg class="ant-progress-circle " viewBox="0 0 100 100"><path class="ant-progress-circle-trail" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke="#f3f3f3" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s;"></path><path class="ant-progress-circle-path" d="M 50,50 m 0,-47
     a 47,47 0 1 1 0,94
     a 47,47 0 1 1 0,-94" stroke-linecap="round" stroke="#87d068" stroke-width="6" fill-opacity="0" style="stroke-dasharray: 295.31px, 295.31px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;"></path></svg><span class="ant-progress-text"><i class="anticon anticon-check"></i></span></div></div></div><div><h4>基础服务</h4></div><div strokecolor="[object Object]" class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"><div><div class="ant-progress-outer"><div class="ant-progress-inner"><div class="ant-progress-bg" style="width: 100%; height: 8px;"></div></div></div><span class="ant-progress-text"><i class="anticon anticon-check-circle"></i></span></div></div></div></div></div></div></div></div>
                        <h3 class="Install noFnish"  style="display: none; text-align: center;border-bottom: 1px solid rgba(24, 148, 255, 0.51);width: 87.5%;margin: 0 auto;margin-top:30px;">安装过程中,请不要关闭本页面(预计安装需要3分钟)</h3>

                        <h3 class="noInstall" style=" text-align: center;border-bottom: 1px solid rgba(24, 148, 255, 0.51);width: 87.5%;margin: 0 auto;margin-top:30px;">点击按钮开始安装</h3>

                        <div id="process" style="margin-left: 70px;margin-top: 20px;background-color: #fff;width: 87.5%;">
                            <div>
                                {{template "base/base.html" .}}
                                {{define "head"}}
                                    {{/*                                    <title>{{i18n .Lang "longpolling_chatroom"}} - {{i18n .Lang "app_intro"}}</title>*/}}
                                {{end}}
                                {{define "body"}}
{{/*                                                                            <div class="container">*/}}
{{/*                                                                                <h3>{{i18n .Lang "username"}}: <span id="uname">{{.UserName}}</span></h3>*/}}
{{/*                                                                                <h4>{{i18n .Lang "send_box"}}:</h4>*/}}
{{/*                                                                                <form class="form-inline">*/}}
{{/*                                                                                    <div class="col-md-6 form-group">*/}}
{{/*                                                                                        <input id="sendbox" type="text" class="form-control" onkeydown="if(event.keyCode==13)return false;" required>*/}}
{{/*                                                                                    </div>*/}}
{{/*                                                                                    <button type="button" class="btn btn-default">{{i18n .Lang "Send"}}</button>*/}}
{{/*                                                                                </form>*/}}
{{/*                                                                            </div>*/}}

                                    <div class="container">
                                        <ul  id="chatbox" reverse="false" class="ant-timeline ant-timeline-pending">
                                            <li  style="display: none;" class="ant-timeline-item ant-timeline-item-pending Install">
                                                <div class="ant-timeline-item-tail"></div>
                                                <div class="ant-timeline-item-head ant-timeline-item-head-custom ant-timeline-item-head-blue">
                                                    <i class="anticon anticon-spin anticon-loading"></i>
                                                </div>
                                                <div class="ant-timeline-item-content">
                                                    安装中......
                                                </div>
                                            </li>


                                        </ul>


                                    </div>
                                {{end}}

                            </div>
                        </div>

                        <a style="display: show;"  class="btn btn-primary noFnish" >

                            <div  id="sendbtn" style=" text-align: center;margin-bottom:100px; margin-top: 40px;">
                                点击开始安装/重新安装
                            </div>
                        </a>
                        <a style="display:none;"  href="{{urlfor "InstallController.Finishs"}}" class="btn btn-primary Fnish" >

                            <div  id="baseService" style=" text-align: center;margin-bottom:100px; margin-top: 40px;">
                                确认安装完成,点击启动程序（安装程序需完全停止再点击）
                            </div>

                        </a>
                        &nbsp;

            </div>

        </div>

    </div>

</div>

<script type="text/babel" src="/static/js/button3.js"></script>

<script type="text/babel" src="/static/js/steps3.js"></script>

<script type="text/babel" src="/static/js/baseService.js"></script>
<script src="/static/js/longpolling.js"></script>

{{template "install/footer.html" .}}